.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow-x: hidden;
}
html.default,
body.default {
  background: url("../img/read-bg-1.png") no-repeat center center;
  background-size: cover;
}
html.second,
body.second {
  background: #e3ecd1;
}
html.third,
body.third {
  background: #c9d9e9;
}
html.evening,
body.evening {
  background: #1b1a1f;
}
html.evening #read-wrapper,
body.evening #read-wrapper {
  color: #7b7a7f;
}
html.evening #read-wrapper .head-wrapper .left-wrapper,
body.evening #read-wrapper .head-wrapper .left-wrapper {
  background: url("../img/back-icon.png") no-repeat left center;
  background-size: 0.213333333333333rem auto;
  color: #7b7a7f;
}
html.evening #read-wrapper .set-options-wrapper ul .right,
body.evening #read-wrapper .set-options-wrapper ul .right {
  background: #343434;
}
html #read-wrapper,
body #read-wrapper {
  width: 100%;
  color: #333;
  min-height: 100%;
}
html #read-wrapper .head-wrapper,
body #read-wrapper .head-wrapper {
  padding: 0.32rem 0.533333333333333rem;
  font-size: 0;
}
html #read-wrapper .head-wrapper .left-wrapper,
body #read-wrapper .head-wrapper .left-wrapper {
  width: 6.266666666666667rem;
  height: 0.8rem;
  line-height: 0.853333333333333rem;
  padding-left: 0.4rem;
  font-family: SimHei;
  font-size: 0.426666666666667rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background: url("../img/dark-back-icon.png") no-repeat left center;
  background-size: 0.213333333333333rem auto;
  color: #000;
}
html #read-wrapper .head-wrapper .home-wrapper,
body #read-wrapper .head-wrapper .home-wrapper {
  vertical-align: top;
  height: 0.8rem;
  width: 1.066666666666667rem;
  margin-left: 1.2rem;
  background: url("../img/index-icon.png") no-repeat right center;
  background-size: 0.506666666666667rem 0.48rem;
}
html #read-wrapper .set-options-wrapper,
body #read-wrapper .set-options-wrapper {
  margin-top: 0.133333333333333rem;
}
html #read-wrapper .set-options-wrapper ul,
body #read-wrapper .set-options-wrapper ul {
  font-size: 0;
  padding: 0 0.533333333333333rem;
}
html #read-wrapper .set-options-wrapper ul li,
body #read-wrapper .set-options-wrapper ul li {
  vertical-align: top;
  width: 0.8rem;
  height: 0.586666666666667rem;
  line-height: 0.613333333333333rem;
  border-radius: 0.08rem;
}
html #read-wrapper .set-options-wrapper ul .bg,
body #read-wrapper .set-options-wrapper ul .bg {
  margin-right: 0.24rem;
}
html #read-wrapper .set-options-wrapper ul .bg:after,
body #read-wrapper .set-options-wrapper ul .bg:after {
  border-radius: 0.213333333333333rem;
}
html #read-wrapper .set-options-wrapper ul .bg.active,
body #read-wrapper .set-options-wrapper ul .bg.active {
  position: relative;
}
html #read-wrapper .set-options-wrapper ul .bg.active:after,
body #read-wrapper .set-options-wrapper ul .bg.active:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #333;
  content: '';
}
html #read-wrapper .set-options-wrapper ul .default,
body #read-wrapper .set-options-wrapper ul .default {
  background: url("../img/read-bg-1.png") no-repeat center center;
  background-size: cover;
}
html #read-wrapper .set-options-wrapper ul .second,
body #read-wrapper .set-options-wrapper ul .second {
  background: #e3ecd1;
}
html #read-wrapper .set-options-wrapper ul .third,
body #read-wrapper .set-options-wrapper ul .third {
  background: #c9d9e9;
}
html #read-wrapper .set-options-wrapper ul .evening,
body #read-wrapper .set-options-wrapper ul .evening {
  background: url("../img/evening-icon.png") no-repeat center center;
  background-size: cover;
}
html #read-wrapper .set-options-wrapper ul .evening.active,
body #read-wrapper .set-options-wrapper ul .evening.active {
  position: relative;
}
html #read-wrapper .set-options-wrapper ul .evening.active:after,
body #read-wrapper .set-options-wrapper ul .evening.active:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #fff;
  content: '';
}
html #read-wrapper .set-options-wrapper ul .right,
body #read-wrapper .set-options-wrapper ul .right {
  margin-left: 0.32rem;
  background: #dedcdc;
  color: #666;
  font-size: 0.346666666666667rem;
}
html #read-wrapper .set-options-wrapper ul .present,
body #read-wrapper .set-options-wrapper ul .present {
  width: 1.733333333333333rem;
  font-family: SimHei;
  margin-left: 0.8rem;
}
html #read-wrapper .read-content,
body #read-wrapper .read-content {
  text-align: justify;
  padding: 0 0.533333333333333rem;
  margin-top: 0.666666666666667rem;
  font-size: 17px;
}
html #read-wrapper .bottom-wrapper,
body #read-wrapper .bottom-wrapper {
  padding: 0 0.533333333333333rem 0.933333333333333rem 0.533333333333333rem;
  font-size: 0;
  margin-top: 1.44rem;
}
html #read-wrapper .bottom-wrapper .pre-chap-wrapper,
body #read-wrapper .bottom-wrapper .pre-chap-wrapper {
  height: 0.853333333333333rem;
  width: 2.533333333333333rem;
  margin-right: 0.333333333333333rem;
  vertical-align: top;
  position: relative;
  font-size: 0;
  font-family: SimHei;
  line-height: 0.906666666666667rem;
}
html #read-wrapper .bottom-wrapper .pre-chap-wrapper:after,
body #read-wrapper .bottom-wrapper .pre-chap-wrapper:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #333;
  content: '';
}
html #read-wrapper .bottom-wrapper .pre-chap-wrapper.dark,
body #read-wrapper .bottom-wrapper .pre-chap-wrapper.dark {
  position: relative;
}
html #read-wrapper .bottom-wrapper .pre-chap-wrapper.dark:after,
body #read-wrapper .bottom-wrapper .pre-chap-wrapper.dark:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #7b7a7f;
  content: '';
}
html #read-wrapper .bottom-wrapper .pre-chap-wrapper .icon-wrapper,
body #read-wrapper .bottom-wrapper .pre-chap-wrapper .icon-wrapper {
  width: 0.373333333333333rem;
  vertical-align: top;
  margin-left: 0.533333333333333rem;
  font-size: 0.373333333333333rem;
}
html #read-wrapper .bottom-wrapper .pre-chap-wrapper .change-chapter,
body #read-wrapper .bottom-wrapper .pre-chap-wrapper .change-chapter {
  font-size: 0.373333333333333rem;
}
html #read-wrapper .bottom-wrapper .catalog-btn,
body #read-wrapper .bottom-wrapper .catalog-btn {
  height: 0.853333333333333rem;
  width: 3.2rem;
  line-height: 0.906666666666667rem;
  margin-right: 0.333333333333333rem;
  vertical-align: top;
  position: relative;
}
html #read-wrapper .bottom-wrapper .catalog-btn:after,
body #read-wrapper .bottom-wrapper .catalog-btn:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #333;
  content: '';
}
html #read-wrapper .bottom-wrapper .catalog-btn.dark,
body #read-wrapper .bottom-wrapper .catalog-btn.dark {
  position: relative;
}
html #read-wrapper .bottom-wrapper .catalog-btn.dark:after,
body #read-wrapper .bottom-wrapper .catalog-btn.dark:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #7b7a7f;
  content: '';
}
html #read-wrapper .bottom-wrapper .catalog-btn .icon-wrapper,
body #read-wrapper .bottom-wrapper .catalog-btn .icon-wrapper {
  vertical-align: top;
  width: 0.373333333333333rem;
  height: 0.853333333333333rem;
  background: url("../img/catalog-icon.png") no-repeat center center;
  background-size: 0.373333333333333rem 0.293333333333333rem;
  margin: 0 0.213333333333333rem 0 0.933333333333333rem;
}
html #read-wrapper .bottom-wrapper .catalog-btn .icon-wrapper.dark,
body #read-wrapper .bottom-wrapper .catalog-btn .icon-wrapper.dark {
  background: url("../img/dark-catalog-icon.png") no-repeat center center;
  background-size: 0.373333333333333rem 0.293333333333333rem;
}
html #read-wrapper .bottom-wrapper .catalog-btn span,
body #read-wrapper .bottom-wrapper .catalog-btn span {
  font-size: 0.373333333333333rem;
}
html #read-wrapper .bottom-wrapper .next-chap-wrapper,
body #read-wrapper .bottom-wrapper .next-chap-wrapper {
  height: 0.853333333333333rem;
  width: 2.533333333333333rem;
  vertical-align: top;
  position: relative;
  font-size: 0;
  font-family: SimHei;
  line-height: 0.906666666666667rem;
}
html #read-wrapper .bottom-wrapper .next-chap-wrapper:after,
body #read-wrapper .bottom-wrapper .next-chap-wrapper:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #333;
  content: '';
}
html #read-wrapper .bottom-wrapper .next-chap-wrapper.dark,
body #read-wrapper .bottom-wrapper .next-chap-wrapper.dark {
  position: relative;
}
html #read-wrapper .bottom-wrapper .next-chap-wrapper.dark:after,
body #read-wrapper .bottom-wrapper .next-chap-wrapper.dark:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #7b7a7f;
  content: '';
}
html #read-wrapper .bottom-wrapper .next-chap-wrapper .icon-wrapper,
body #read-wrapper .bottom-wrapper .next-chap-wrapper .icon-wrapper {
  width: 0.373333333333333rem;
  vertical-align: top;
  font-size: 0.373333333333333rem;
}
html #read-wrapper .bottom-wrapper .next-chap-wrapper .change-chapter,
body #read-wrapper .bottom-wrapper .next-chap-wrapper .change-chapter {
  font-size: 0.373333333333333rem;
  margin-left: 0.533333333333333rem;
}
html #read-wrapper .select-present-mask,
body #read-wrapper .select-present-mask {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  z-index: 10;
  display: none;
}
html #read-wrapper .select-present-mask .select-present-top-mask,
body #read-wrapper .select-present-mask .select-present-top-mask {
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
html #read-wrapper .select-present-mask .select-present-wrapper,
body #read-wrapper .select-present-mask .select-present-wrapper {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 8.213333333333333rem;
  background: #fff;
  z-index: 11;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-list,
body #read-wrapper .select-present-mask .select-present-wrapper .present-list {
  font-size: 0;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-list li,
body #read-wrapper .select-present-mask .select-present-wrapper .present-list li {
  position: relative;
  display: inline-block;
  width: 3.333333333333333rem;
  height: 3.333333333333333rem;
  position: relative;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-list li:after,
body #read-wrapper .select-present-mask .select-present-wrapper .present-list li:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #ececec;
  content: '';
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-list li .border-line,
body #read-wrapper .select-present-mask .select-present-wrapper .present-list li .border-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.261333333333333rem;
  height: 3.261333333333333rem;
  border: 0.026666666666667rem solid #f86161;
  display: none;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-list li:after,
body #read-wrapper .select-present-mask .select-present-wrapper .present-list li:after {
  border-top: none;
  border-left: none;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-list li:nth-child(3n):after,
body #read-wrapper .select-present-mask .select-present-wrapper .present-list li:nth-child(3n):after {
  border-right: none;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-list li .present-item,
body #read-wrapper .select-present-mask .select-present-wrapper .present-list li .present-item {
  font-size: 0.32rem;
  color: #999;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-list li .present-item .present-img,
body #read-wrapper .select-present-mask .select-present-wrapper .present-list li .present-item .present-img {
  width: 1.861333333333333rem;
  height: 1.52rem;
  margin: 0.266666666666667rem 0.736rem 0.266666666666667rem 0.736rem;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-list li .present-item .present-name,
body #read-wrapper .select-present-mask .select-present-wrapper .present-list li .present-item .present-name {
  margin-bottom: 0.186666666666667rem;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-btn-wrapper,
body #read-wrapper .select-present-mask .select-present-wrapper .present-btn-wrapper {
  padding: 0 0.533333333333333rem;
  font-size: 0;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-btn-wrapper .rest-coin,
body #read-wrapper .select-present-mask .select-present-wrapper .present-btn-wrapper .rest-coin {
  width: 4.213333333333333rem;
  height: 2.106666666666666rem;
  line-height: 1.733333333333333rem;
  font-size: 0.346666666666667rem;
  color: #333;
  vertical-align: top;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-btn-wrapper .recharge-btn,
body #read-wrapper .select-present-mask .select-present-wrapper .present-btn-wrapper .recharge-btn {
  color: #f86161;
  font-size: 0.373333333333333rem;
  height: 2.106666666666666rem;
  line-height: 1.706666666666667rem;
  padding: 0 0.266666666666667rem;
}
html #read-wrapper .select-present-mask .select-present-wrapper .present-btn-wrapper .present-btn,
body #read-wrapper .select-present-mask .select-present-wrapper .present-btn-wrapper .present-btn {
  width: 2.533333333333333rem;
  height: 0.933333333333333rem;
  line-height: 0.933333333333333rem;
  background: #fe7676;
  font-size: 0.4rem;
  color: #fff;
  border-radius: 0.48rem;
  margin-left: 0.586666666666667rem;
  vertical-align: top;
  margin-top: 0.346666666666667rem;
}
html #read-wrapper .add-shelf-wrapper,
body #read-wrapper .add-shelf-wrapper,
html #read-wrapper .onsell-price-wrapper,
body #read-wrapper .onsell-price-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  z-index: 9;
  display: none;
}
html #read-wrapper .add-shelf-wrapper .add-shelf-content,
body #read-wrapper .add-shelf-wrapper .add-shelf-content,
html #read-wrapper .onsell-price-wrapper .add-shelf-content,
body #read-wrapper .onsell-price-wrapper .add-shelf-content {
  top: 5.066666666666666rem;
  left: 1.133333333333333rem;
  width: 7.733333333333333rem;
  height: 3.786666666666667rem;
  background: #fff;
  border-radius: 0.053333333333333rem;
}
html #read-wrapper .add-shelf-wrapper .add-shelf-content .title,
body #read-wrapper .add-shelf-wrapper .add-shelf-content .title,
html #read-wrapper .onsell-price-wrapper .add-shelf-content .title,
body #read-wrapper .onsell-price-wrapper .add-shelf-content .title {
  font-family: SimHei;
  padding: 0.613333333333333rem 0 0.426666666666667rem 0.8rem;
  font-size: 0.48rem;
}
html #read-wrapper .add-shelf-wrapper .add-shelf-content .desc,
body #read-wrapper .add-shelf-wrapper .add-shelf-content .desc,
html #read-wrapper .onsell-price-wrapper .add-shelf-content .desc,
body #read-wrapper .onsell-price-wrapper .add-shelf-content .desc {
  padding-left: 0.8rem;
  font-family: SimHei;
  font-size: 0.4rem;
  color: #999;
  margin-bottom: 0.533333333333333rem;
}
html #read-wrapper .add-shelf-wrapper .add-shelf-content .desc .now-price,
body #read-wrapper .add-shelf-wrapper .add-shelf-content .desc .now-price,
html #read-wrapper .onsell-price-wrapper .add-shelf-content .desc .now-price,
body #read-wrapper .onsell-price-wrapper .add-shelf-content .desc .now-price {
  color: #f00;
}
html #read-wrapper .add-shelf-wrapper .add-shelf-content .btn-group,
body #read-wrapper .add-shelf-wrapper .add-shelf-content .btn-group,
html #read-wrapper .onsell-price-wrapper .add-shelf-content .btn-group,
body #read-wrapper .onsell-price-wrapper .add-shelf-content .btn-group {
  font-size: 0;
}
html #read-wrapper .add-shelf-wrapper .add-shelf-content .btn-group span,
body #read-wrapper .add-shelf-wrapper .add-shelf-content .btn-group span,
html #read-wrapper .onsell-price-wrapper .add-shelf-content .btn-group span,
body #read-wrapper .onsell-price-wrapper .add-shelf-content .btn-group span {
  font-family: SimHei;
  font-size: 0.426666666666667rem;
  padding: 0.213333333333333rem 0.533333333333333rem;
}
html #read-wrapper .add-shelf-wrapper .add-shelf-content .btn-group .ensure,
body #read-wrapper .add-shelf-wrapper .add-shelf-content .btn-group .ensure,
html #read-wrapper .onsell-price-wrapper .add-shelf-content .btn-group .ensure,
body #read-wrapper .onsell-price-wrapper .add-shelf-content .btn-group .ensure {
  margin-right: 0.266666666666667rem;
  color: #f63a3a;
}
html #read-wrapper .should-recharge-wrapper,
body #read-wrapper .should-recharge-wrapper {
  margin-top: 2.133333333333333rem;
}
html #read-wrapper .should-recharge-wrapper .big-chap-name,
body #read-wrapper .should-recharge-wrapper .big-chap-name {
  font-family: SimHei;
  font-size: 0.746666666666667rem;
  margin-bottom: 0.533333333333333rem;
}
html #read-wrapper .should-recharge-wrapper .unlock-tip,
body #read-wrapper .should-recharge-wrapper .unlock-tip {
  font-family: SimHei;
  font-size: 0.426666666666667rem;
  color: #666;
  margin-bottom: 0.666666666666667rem;
}
html #read-wrapper .should-recharge-wrapper .need-wrapper,
body #read-wrapper .should-recharge-wrapper .need-wrapper {
  font-family: SimHei;
  font-size: 0.4rem;
  margin-bottom: 1.653333333333333rem;
}
html #read-wrapper .should-recharge-wrapper .need-wrapper .price,
body #read-wrapper .should-recharge-wrapper .need-wrapper .price,
html #read-wrapper .should-recharge-wrapper .need-wrapper .rest,
body #read-wrapper .should-recharge-wrapper .need-wrapper .rest {
  color: #f00;
}
html #read-wrapper .should-recharge-wrapper .recharge-btn,
body #read-wrapper .should-recharge-wrapper .recharge-btn {
  font-family: SimHei;
  width: 8.533333333333333rem;
  height: 1.146666666666667rem;
  line-height: 1.146666666666667rem;
  background: #ea8e3c;
  color: #fff;
  font-size: 0.453333333333333rem;
  margin-left: 0.733333333333333rem;
  margin-bottom: 0.4rem;
  border-radius: 0.053333333333333rem;
}
html #read-wrapper .should-recharge-wrapper .recharge-btn.become-vip,
body #read-wrapper .should-recharge-wrapper .recharge-btn.become-vip {
  margin-bottom: 2.4rem;
}
html #read-wrapper .should-recharge-wrapper .join-vip,
body #read-wrapper .should-recharge-wrapper .join-vip {
  font-family: SimHei;
  font-size: 0.4rem;
  color: #a85002;
}
html #read-wrapper .should-recharge-wrapper .get-gift-way,
body #read-wrapper .should-recharge-wrapper .get-gift-way {
  width: 7.2rem;
  margin: 0 auto;
  font-family: SimHei;
  font-size: 0.293333333333333rem;
  color: #666;
  margin-bottom: 0.133333333333333rem;
}
html #read-wrapper .should-recharge-wrapper .vip-tip,
body #read-wrapper .should-recharge-wrapper .vip-tip {
  font-family: SimHei;
  font-size: 0.533333333333333rem;
  margin-top: 1.44rem;
  margin-bottom: 0.666666666666667rem;
  color: #ef1313;
}
html #read-wrapper .should-recharge-wrapper .limit-price,
body #read-wrapper .should-recharge-wrapper .limit-price {
  font-family: SimHei;
  font-size: 0.32rem;
}
html #read-wrapper .should-recharge-wrapper .limit-price .now-price,
body #read-wrapper .should-recharge-wrapper .limit-price .now-price {
  color: #f00;
  font-size: 0.48rem;
}
html #read-wrapper .should-recharge-wrapper .limit-price .orgin-price,
body #read-wrapper .should-recharge-wrapper .limit-price .orgin-price {
  color: #f00;
}
html #read-wrapper .sign-success-wrapper,
body #read-wrapper .sign-success-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9;
  display: none;
}
html #read-wrapper .sign-success-wrapper .sign-success,
body #read-wrapper .sign-success-wrapper .sign-success {
  width: 10rem;
  height: 12rem;
  background: url("../img/success-bg.png") no-repeat center center;
  background-size: 10rem auto;
  margin-top: 3.466666666666667rem;
}
html #read-wrapper .sign-success-wrapper .sign-success .success-detail,
body #read-wrapper .sign-success-wrapper .sign-success .success-detail {
  width: 4.666666666666667rem;
  margin-left: 2.666666666666667rem;
  padding-top: 5.066666666666666rem;
  color: #666;
}
html #read-wrapper .sign-success-wrapper .sign-success .success-detail .success-title,
body #read-wrapper .sign-success-wrapper .sign-success .success-detail .success-title {
  font-size: 0.533333333333333rem;
  font-family: SimHei;
}
html #read-wrapper .sign-success-wrapper .sign-success .success-detail .success-award,
body #read-wrapper .sign-success-wrapper .sign-success .success-detail .success-award {
  font-size: 0.373333333333333rem;
  font-family: SimHei;
  margin-top: 0.266666666666667rem;
}
html #read-wrapper .focus-wx-wrapper,
body #read-wrapper .focus-wx-wrapper {
  display: none;
}
html #read-wrapper .focus-wx-wrapper .qrcode-wrapper,
body #read-wrapper .focus-wx-wrapper .qrcode-wrapper {
  width: 7.546666666666667rem;
  height: 7.28rem;
  margin: 2.666666666666667rem 1.226666666666667rem 0 1.226666666666667rem;
  background: url("../img/wx-code.png") no-repeat center center;
  background-size: 7.546666666666667rem auto;
}
html #read-wrapper .focus-wx-wrapper .qrcode-wrapper .code-img-wrapper,
body #read-wrapper .focus-wx-wrapper .qrcode-wrapper .code-img-wrapper {
  width: 2.4rem;
  height: 2.4rem;
  bottom: 0.613333333333333rem;
  left: 0.72rem;
}
html #read-wrapper .focus-wx-wrapper .focus-btn,
body #read-wrapper .focus-wx-wrapper .focus-btn {
  width: 5.333333333333333rem;
  height: 1.653333333333333rem;
  background: url("../img/code-btn.png") no-repeat center center;
  background-size: 5.333333333333333rem auto;
  margin: 0.533333333333333rem 2.333333333333333rem 0 2.333333333333333rem;
}
html #read-wrapper .focus-wx-wrapper .close-focus,
body #read-wrapper .focus-wx-wrapper .close-focus {
  width: 0.72rem;
  height: 0.72rem;
  background: url("../img/del.png") no-repeat center center;
  background-size: 0.72rem auto;
  margin: 0.533333333333333rem 4.64rem 0 4.64rem;
}
html #read-wrapper .first-charge-wrapper,
body #read-wrapper .first-charge-wrapper {
  display: none;
}
html #read-wrapper .first-charge-wrapper .first-charge-img,
body #read-wrapper .first-charge-wrapper .first-charge-img {
  width: 8.88rem;
  height: 6.773333333333333rem;
  background: url("../img/recharge.png") no-repeat center center;
  background-size: 8.88rem auto;
  margin: 2.666666666666667rem 0.56rem 0 0.56rem;
}
html #read-wrapper .first-charge-wrapper .first-charge-img .close-first-charge,
body #read-wrapper .first-charge-wrapper .first-charge-img .close-first-charge {
  top: 0;
  right: 0.533333333333333rem;
  width: 0.72rem;
  height: 0.72rem;
  background: url("../img/del.png") no-repeat center center;
  background-size: 0.72rem auto;
}
html #read-wrapper .first-charge-wrapper .get-first-charge,
body #read-wrapper .first-charge-wrapper .get-first-charge {
  width: 3.2rem;
  height: 1.066666666666667rem;
  background: url("../img/btn.png") no-repeat center center;
  background-size: 3.2rem auto;
  margin: 0.8rem 3.4rem 0 3.4rem;
}
html #read-wrapper .charge-30-wrapper,
body #read-wrapper .charge-30-wrapper {
  display: none;
}
html #read-wrapper .charge-30-wrapper .charge-30-img,
body #read-wrapper .charge-30-wrapper .charge-30-img {
  width: 7.813333333333333rem;
  height: 9.093333333333334rem;
  background: url("../img/recharge-30.png") no-repeat center center;
  background-size: 7.813333333333333rem auto;
  margin: 2.666666666666667rem 1.093333333333333rem 0 1.093333333333333rem;
}
html #read-wrapper .charge-30-wrapper .charge-30-img .close-charge-30,
body #read-wrapper .charge-30-wrapper .charge-30-img .close-charge-30 {
  top: -0.266666666666667rem;
  right: 0rem;
  width: 0.72rem;
  height: 0.72rem;
  background: url("../img/del.png") no-repeat center center;
  background-size: 0.72rem auto;
}
html #read-wrapper .charge-30-wrapper .charge-30-img .charge-30-btn,
body #read-wrapper .charge-30-wrapper .charge-30-img .charge-30-btn {
  width: 6.133333333333334rem;
  height: 1.386666666666667rem;
  left: 0.933333333333333rem;
  bottom: 0.213333333333333rem;
}
html #read-wrapper .vip-wrapper,
body #read-wrapper .vip-wrapper {
  display: none;
}
html #read-wrapper .vip-wrapper .vip-img,
body #read-wrapper .vip-wrapper .vip-img {
  width: 9.333333333333334rem;
  height: 11.466666666666667rem;
  background: url("../img/vip.png") no-repeat center center;
  background-size: 9.333333333333334rem auto;
  margin: 2.666666666666667rem 0.333333333333333rem 0 0.333333333333333rem;
}
html #read-wrapper .vip-wrapper .vip-img .close-vip-btn,
body #read-wrapper .vip-wrapper .vip-img .close-vip-btn {
  top: -0.533333333333333rem;
  right: 0.266666666666667rem;
  width: 0.72rem;
  height: 0.72rem;
  background: url("../img/del.png") no-repeat center center;
  background-size: 0.72rem auto;
}
html #read-wrapper .vip-wrapper .vip-img .month-btn,
body #read-wrapper .vip-wrapper .vip-img .month-btn {
  bottom: 1.066666666666667rem;
  left: 2.133333333333333rem;
  width: 2.666666666666667rem;
  height: 0.933333333333333rem;
  background: url("../img/month-btn.png") no-repeat center center;
  background-size: 2.666666666666667rem auto;
}
html #read-wrapper .vip-wrapper .vip-img .year-btn,
body #read-wrapper .vip-wrapper .vip-img .year-btn {
  bottom: 1.066666666666667rem;
  right: 1.386666666666667rem;
  width: 2.666666666666667rem;
  height: 0.933333333333333rem;
  background: url("../img/year-btn.png") no-repeat center center;
  background-size: 2.666666666666667rem auto;
}
